<template>
  <div id="comment">
    <el-card class="box-card" shadow="never">
      <div slot="header" class="clearfix">
        <span id="title">
         <i class="el-icon-edit"/>
         {{ title }}
        </span>
      </div>
      <div class="text item">
        <div class="notify" :key="index" v-for="(con,index) in content ">
          <i class="el-icon-s-promotion"/>
          {{con}}
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "BaseComponent",
  props: {
    title: {
      type: String,
      default: '本站公告'
    },
    content:{
      type:Array,
      default: ()=>{
        return [
          "关于本站注册激活问题",
          "域名更换通知",
          "有些世界这样才能看到",
          "本站QQ绑定的用户，请重新绑定",
          "关于部分地区无法访问本站究极解决办法",
          "关于本站清理部分修改软件的通知",
          "本站资源地址调整通知",
          "关于本站部分程序无法启动自检办法",
          "本站下载通道调整通知",
          "MY-HOUSE两天了"
        ]
      }
    }
  }
}
</script>

<style scoped>
.notify{
  padding: 5px 15px;
}

.el-card__body {
  padding: 0;
}

#comment {
  margin: 19px 0;
  /*background-color: white;*/
  position: relative;
}

.item div {
  padding: 9px 6px;
  font-size: 18px;
  line-height: 1.46;
  border-bottom: 1px solid #eee2e2;;
}

.box-card {
  width: 100%;
}

div {
  font-size: 25px;
}
</style>
